@import '~_s/mixin';
%preview-size{
	@include size(470px);
}
.v-avatar{
	display: flex;
	justify-content: space-around;
	align-items: center;
	.img-area{
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		position: relative;
		overflow: hidden;
	}
	.avatar-default {
		font-size: 28px;
		color: #8c939d;
		@extend %preview-size;
		line-height: 470px;
		text-align: center;
		&:hover{
			border-color: #409EFF;
		}
	}
	.avatar {
		@extend %preview-size;
		text-align: center;
		.vue-cropper{
			height: calc(100% - 50px);
		}
	}
}